<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用变换</title>
<style type="text/css">
	p{
		width: 100px;
		height: 100px;
		background-color: #00FFFF;
	}
	p:hover{
		width: 100px;
		height: 100px;
		background-color: antiquewhite;
		transform: rotate(-30deg);
		transform-origin: 20px 40px; /* 改变旋转中心 */
		/* transform: scale(1.5); */
        /* transform: scaleX(5); */
	}
	</style>
	</head>
	<body>
		<p></p>
	</body>
</html>
